
	import Theme from "@/mixins/theme/xTheme.scss"
	console.log("Theme.xForm", Theme.xForm)
	export const ThemeMixin = { 

		data() {
			return { 
				themeColor: Theme.xThemeColor,
				themeAlpha: Theme.xThemeAlpha,
				themeBackground: Theme.xBackground,
				themeIconColor: Theme.xIconColor,
				
				// 表单
				themeForm:{
					container: {
						'padding': '0px 32rpx',
						'margin': '24rpx 24rpx 0',
						'background-color': Theme.xFormBackgroundColor,
						'border-radius': '28rpx',
					},
					labelStyle: {
						'font-size': '28rpx',
						'font-family': 'PingFangSC-Regular, PingFang SC',
						'font-weight': 0,
						'color': Theme.xFormLabelColor,
						'line-height': '40rpx',
					},
					placeholderStyle: {
						'font-size': '28rpx',
						'font-family': 'PingFang-SC-Medium, PingFang-SC',
						'font-weight': 500,
						'color': Theme.xFormPlaceholderColor,
						'line-height': '40rpx',
					},
					
				}
				
			}
		},
		methods: {	
			xBtn(){
				return {
					'background-color': this.themeColor+this.themeAlpha,
					'box-shadow': '0 0 6rpx rgba(0, 0, 0, 0.4)',
					'color':'white',
				}
			},
			
			xBackground(){
				return this.themeBackground
			},
			
			xThemeColor(){
				return this.themeColor
			},
			xIconColor(){
				return this.themeIconColor
			},
			
			xThemeForm() {
				return this.themeForm
			},
			
		}
 
	}